﻿@model HomeCareLibrary.Models.ArticlesModel
@if (Model != null)
{
    ViewBag.Title = "Article";
    ViewBag.Description = Model.article_meta_desc;
    ViewBag.Keywords = Model.article_meta_key;
}  @if (Model != null)
   {   
       <div class="main-content-inn">
       <div class="content-tab">

           <div class="tab-content">
               <div class="article_page">
                   <div class="media_rc media_artical ">
                       <p class="media-data">Your <span style="color: #38a2fb;">personalized home care calculator</span> gives you Tasks &amp; Tips for your @Model.Feature_name. And here are some articles about @Model.Feature_name that you might find interesting.</p>
                   </div>
                   <div class="media_rc add_img text-center">
                       <img src="@Url.Content("~/images/add_img2.jpg")" title="" alt="" class="img-responsive">
                   </div>
                   <h3 class="media_artical-head">More @Model.Feature_name Articles...</h3>
                   @foreach (var item in Model.listArtical)
                   {
                       <div class="media_artical media_rc media">
                           <a class="pull-left ui-link" href="#">
                               <img alt="" class="media-object" src="@item.article_small_image_icon"></a>
                           <div class="media-body">
                               <h4 class="media-heading">@item.article_title</h4>
                               <span class="media-data">@Html.Raw(item.article_summary)</span>
                               <span class="media-more">


                                   <a   data-name="@Model.Feature_name.Trim().Replace(" ", "-").ToLower()" href="javascript:void(0)" data-task ="@item.article_title.Trim().Replace(" ", "-")" class="ui-link articles">more <small>&#9654;</small></a>




                               </span>
                           </div>
                       </div>
                   }
                   <div class="media_rc add_img text-center">
                       <img src="@Url.Content("~/images/add_img1.png")" title="" alt="" class="img-responsive">
                   </div>
                   <div class="visible-phone sponsor_data sponsor_data-btm">
                       <div class="dataset">
                           <div class="header_img">
                               <img alt="" class="img-responsive" title="" src="@Url.Content("~/images/header_img.jpg")">
                           </div>
                           <div class="popup_text">
                               <p>Andy Oncall Chicagoland West</p>
                               <span>Home Repairs, Improvements and Remodeling</span>
                               <p>
                                   Bob Smith<br>
                                   555-555-5555<br>
                                   <small>myadress@colonial.com</small><small>website address</small>
                               </p>
                           </div>
                           <div class="popup_footer_bg">
                               <div class="social">
                                   <a href="#" class="ui-link">
                                       <img alt="" title="" src="@Url.Content("~/images/popup_phone_icon.png")"></a>
                                   <a href="#" class="ui-link">
                                       <img alt="" title="" src="@Url.Content("~/images/popup_mail_icon.png")"></a>
                                   <a href="#" class="ui-link">
                                       <img alt="" title="" src="@Url.Content("~/images/popup_www_icon.png")"></a>
                                   <a href="#" class="ui-link">
                                       <img alt="" title="" src="@Url.Content("~/images/popup_fb_icon.png")"></a>
                                   <a href="#" class="ui-link">
                                       <img alt="" title="" src="@Url.Content("~/images/popup_tw_icon.png")"></a>
                               </div>
                           </div>
                       </div>
                   </div>
                   <div class="app-iphone-add text-center visible-phone">
                       <img class="img-responsive" alt="" title="" src="@Url.Content("~/images/free apps mobile version.png")">
                   </div>
               </div>
           </div>
       </div>
   </div>
       <div class="bottom_main">
                <h4 id="heading2">@Model.Feature_name</h4>
               <div class="menu_link"><a data-name="@Model.Feature_name.Trim().Replace(" ", "-").ToLower()" href="javascript:void(0);" class="ui-link aOverview">Overview</a>|<a href="javascript:void(0)" data-name="@Model.Feature_name.Trim().Replace(" ", "-").ToLower()" data-task="@Model.rc_task_content.Trim().Replace(" ", "-").ToLower()" class="ui-link aCare">Routine Care</a>|<a href="javascript:void(0);" data-name="@Model.Feature_name.Trim().Replace(" ", "-").ToLower()" data-task="@Model.qa_topic.Trim().Replace(" ", "-").ToLower()" class="ui-link aQuestions">Q &amp; A</a>|<a data-name="@Model.Feature_name.Trim().Replace(" ", "-").ToLower()" href="javascript:void(0)" class="ui-link aArticles">Articles</a> </div>
            </div>
       <div class="title_btm">
                <h2>Home Care Library</h2>
                <div class="panel-title library ">
                    <a class="accordion-toggle collapsed" href="#">
                        <img src="@Url.Content("~/images/explore-library.png")" class="img-responsive">
                    </a>
                </div>
                <div class="head-searchbox">
                    <button type="submit" class="search_go"></button>
                    <input type="text" placeholder="Search" id="Search" class="form-control">
                </div>
            </div>
   }